<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="java.util.List" %>
<%@ page import="com.xyd.entity.Product" %><%--
  Created by IntelliJ IDEA.
  User: 浩
  Date: 2021/1/13
  Time: 9:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
    <script type="text/javascript" src="scripts/function.js"></script>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        function ready() {
            $.ajax({
                type:"POST",
                url:"ProductGetAllServlet",
                dataType:"json",
                success:function (data) {
                    var html="";
                    for (var i = 0; i<data.length; i++) {
                        html += "<li>" +
                            "<dl>" +
                            "<dt>"+"<a href='ProductGetServlet?id="+data[i].epId+"' target=\"_blank\"><img src="+data[i].epFileName+"></a>"+"</dt>"+
                            "<dd class=\"title\">"+"<a href=\"ProductGetServlet?id="+data[i].epId+"\" target=\"_blank\">"+data[i].epName+"</a>"+"</dd>"+
                            "<dd class='price'>"+data[i].epPrice+"</dd>"+"</dl>" + "</li>"
                    }
                    $("#ull").html(html);
                    $("#ulll").html(html)
                }
            })
            $.ajax({
                      type:"POST",
                      url:"newsVisitServlet",
                     success:function (data) {
                         console.log(data);
                          var html="";
                          for(var i=0;i<data.length;i++){
                             html +="<tr>"+"<td style=\"display:none\">"+data[i].enId+"</td>"+"<td>"+"<a href='newsSearchVisit?enId="+data[i].enId+"'>"+data[i].enTitle+"</td>"
                                  +"</tr>"
                              }
                             $("#cosa").html(html);
                              $("#cosas").html(html);
                      }
                  })


        }
        function getNews(x) {
            $.ajax({
                type:"POST",
                url:"newsVisitServlet",
                datatype:"json",
                data:{
                    "id":$(x).text()
                },
                success:function (data) {
                    console.log(data);
                    var html="";
                    for(var i=0;i<data.length;i++){
                        html +="<tr>"+"<td style=\"display:none\">"+data[i].enId+"</td>"+"<td>"+"<a href='newsSearchVisit?enId="+data[i].enId+"'>"+data[i].enTitle+"</td>"
                            +"</tr>"
                    }
                    $("#cosa").html(html);
                     $("#cosas").html(html);
            }
            })
        }
    </script>
    <% List<Product> list=(List<Product>) session.getAttribute("mylist");%>
</head>
<body onload="ready();">
<div id="header" class="wrap">
    <div id="logo"><img src="images/logo.gif"/></div>
    <div class="help"><a href="#" class="shopping">购物车</a><a href="login.html">登录</a><a href="register.html">注册</a><a
            href="guestbook.html">留言</a></div>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">秋冬靴</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">美容护肤</a></li>
            <li><a href="#">家纺用品</a></li>
            <li><a href="#">婴幼奶粉</a></li>
            <li><a href="#">饰品</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="main" class="wrap">
    <div class="lefter">
        <div class="box">
            <h2>商品分类</h2>
            <dl>
                <dt>图书</dt>
                <dd><a href="ProductGetByEpcidServlet?name=少儿图书">少儿图书</a></dd>
                <dt>生活用品</dt>
                <dd><a href="ProductGetByEpcidServlet?name=化妆品">化妆品</a></dd>
                <dd><a href="ProductGetByEpcidServlet?name=厨房用品">厨房用品</a></dd>
                <dd><a href="ProductGetByEpcidServlet?name=家用电器">家用电器</a></dd>
            </dl>
        </div>
        <div class="spacer"></div>
        <div class="last-view">
            <h2>最近浏览</h2>
            <dl class="clearfix">
                <%if (list!=null){
                    for (Product product:list){
                %>
                <dt><img src="<%=product.getEpFileName()%>"/></dt>
                <dd><a href="ProductGetServlet?id=<%=product.getEpId()%>"><%=product.getEpName()%></a></dd>
                <%}%>
                <%}%>
            </dl>
        </div>
    </div>
    <div class="main">
        <div class="price-off">
            <h2>今日特价</h2>
            <ul class="product clearfix" id="ull">
            </ul>
        </div>
        <div class="side">
            <div class="news-list">
              <h4>最新公告</h4>
                <table id="cosa" style="font-size: 10px">
                </table>
                    <table style="font-size: 10px"><tr><td colspan="2">
                        <a href="#" onclick="getNews(this)">上一页</a>
                        <a href="#" onclick="getNews(this)">下一页</a>
                    </td></tr></table>
            </div>
            <div class="spacer"></div>
            <div class="news-list">
                <h4>新闻动态</h4>
                <table id="cosas" style="font-size: 10px">
                </table>
                <table style="font-size: 10px"><tr><td colspan="2">
                    <a href="#" onclick="getNews(this)">上一页</a>
                    <a href="#" onclick="getNews(this)">下一页</a>
                </td></tr></table>
            </div>
        </div>
        <div class="spacer clear"></div>
        <div class="hot">
            <h2>热卖推荐</h2>
            <ul class="product clearfix" id="ulll">
            </ul>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2010 All Rights Reserved. 京ICP证1000001号
</div>
</body>
</html>
